<template>
	<view class="all">
		<u-navbar :title="'購買'" title-color="#FFFFFF" back-icon-color="#FFFFFF" is-back immersive :background="{
		background: 'none'
	}" :border-bottom="false">
		</u-navbar>
		<view class="top">
			<view class="top_">
				<image src="https://junhe-project.oss-cn-beijing.aliyuncs.com/img/2022-03-09/164678967261588.png" />
				<view class="top_1">
					<text>支付失敗，</text>
					<text>5s</text>
					<text>後將自動返回商城</text>
				</view>
			</view>

		</view>
		<view class="body">
			<text>立即返回</text>
			<text>查看訂單</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.top {
		position: relative;
		text-align: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 524rpx;
		background-image: url(https://junhe-project.oss-cn-beijing.aliyuncs.com/img/2022-03-09/164678921898570.png);

		.top_ {
			width: 70%;
			position: absolute;
			bottom: 40rpx;
			left: 50%;
			transform: translateX(-50%);
		}

		.top_1 {
			text:nth-of-type(1) {
				font-size: 28rpx;
				font-family: Source Han Serif CN;
				font-weight: 400;
				color: #FFFFFF;
			}

			text:nth-of-type(2) {
				font-size: 35rpx;
				font-family: Source Han Serif CN;
				font-weight: 400;
				color: #FFFFFF;
			}

			text:nth-of-type(3) {
				font-size: 28rpx;
				font-family: Source Han Serif CN;
				font-weight: 400;
				color: #FFFFFF;
			}
		}

		image {
			width: 119rpx;
			height: 119rpx;
		}
	}

	.body {
		padding: 30rpx;

		text:nth-of-type(1) {
			margin-top: 100rpx;
			display: block;
			text-align: center;
			line-height: 80rpx;
			height: 80rpx;
			background: #FFFFFF;
			border: 1rpx solid #266662;
			border-radius: 35rpx;
			font-size: 30rpx;
			font-family: Source Han Serif CN;
			font-weight: 600;
			color: #266662;
		}

		text:nth-of-type(2) {
			margin-top: 30rpx;
			height: 80rpx;
			display: block;
			background: #266662;
			border-radius: 40rpx;
			text-align: center;
			line-height: 80rpx;
			font-size: 30rpx;
			font-family: Source Han Serif CN;
			font-weight: 600;
			color: #FFFFFF;

		}
	}
</style>
